<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CSS</title>
    <link rel="stylesheet" href="css/index.css">
    
</head>
<body>
    <div style=" color:orangered; /*字体颜色*/
                font-weight: bolder;/*字体粗细*/
                font-size: 25px;/*字体大小*/
                font-family:楷体;/*字体*/
                font-style: italic;
                text-align: left;/*对齐方式*/
                text-indent:10px; /*首行缩进*/
                letter-spacing: 6px;/*字体间距*/
                text-decoration: underline;/*下划线*/
                text-transform: capitalize;/*大小写切换或者首字母大写*/
                text-shadow: 1px 1px 50px black;/*阴影*/

                border-bottom: 1px solid red; /*边框粗细 实虚线 颜色*/
                background-color: cyan;/*背景颜色*/
                width:800px; height:250px;/*宽高*/
                line-height:100px; /*行高*/
                border-radius: 30px;/*圆角*/
                background-image: url(img/bg.jpeg);/*背景图片路径*/
                background-repeat: no-repeat;/*背景图片重复*/
                background-position: center;/*背景图片定位*/
                background-size: 100% 100%;/*背景图片大小*/

                /* background: red url(img/bg.jpeg)  no-repeat -100px -200px / 1000px 800px   */
            ">
       <em> 好好学习天天向上 Good Good study Day Day up</em>
    </div>

    <div class=" demo demo1">

    </div>
    
</body>
</html>